<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电动单车</title>
    <link rel="stylesheet" href="css.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>
<body>
    <div class="container">
        <div class="nav">
            <div class="logo"><img src="img/logo.png" alt=""></div>
            <div class="menu"><span class="iconfont icon-caidan-shousou"></span></div>
        </div>
        <div class="text">
            <h2>The Hunter</h2>
            <h1>E-BIKE</h1>
            <p>Style,Security and Safety Built for the Modern Urban Cyclist</p>
            <div class="btn">
                <p>Order Now</p>
                <div class="icon"><a href="" class="iconfont icon-youjiantou"></a></div>
            </div>
        </div>
        <div class="bike">
            <div class="img"><img src="img/bike.png" alt=""></div>
            <div class="detail">
                <div class="context">
                    <h1>750W</h1>
                    <div>Motor</div>
                </div>
                <div class="context">
                    <h1>3Hours</h1>
                    <div>Charging Time</div>
                </div>
                <div class="context">
                    <h1>25mph</h1>
                    <div>Per Hour</div>
                </div>
                <div class="context">
                    <h1>48V</h1>
                    <div>Battery</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>